
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>用户列表</title>
<link rel="stylesheet" href="../../css/main.css" type="text/css" />
<script type="text/javascript" src='../../js/jquery/jquery-1.5.2.min.js'></script>
</head>
<body>
	<div class='layout' id="js_layer"></div>
	<div id="wrap">
		<div class="qn_header">
			<div class="h1">
				<a href="http://www.qunar.com/" target="_top" hidefocus="on"
					title="“去哪儿”旅游搜索引擎"><span>“去哪儿”旅游搜索引擎</span></a>
			</div>
			<div class="qaccess">
				<div class="line1">
					<span id="loginLine">你好，<a href="#">hjiuokpl1314</a></span>
				</div>
			</div>
		</div>
		<div class="content">
			<div id="left">
				<div class="blank"></div>
				<ul id="list">
					<li class='litem'><span class='hitem'>系统管理</span> <span
						class='item'><a href="javascript:void(0);"
							src='userlist.html' onclick="a(event);">----用户管理</a></span></li>
					<li class='litem'><span class='hitem'>审核管理</span> <span
						class='item'><a href="javascript:void(0);"
							src='clientList.html' onclick="a(event);">----代理商信息审核</a></span></li>
					<li class='litem'><span class='hitem'>代理商申请管理</span> <span
						class='item'><a href="javascript:void(0);"
							src='client_modify.html' onclick="a(event);">----代理商信息变更</a></span></li>
				</ul>
			</div>
			<div id="right">
				<div class="border">
					<iframe id='url' src='userlist.html' frameborder="0" height="630"
						width="698"></iframe>
				</div>
			</div>
		</div>
		<div style='text-align: center'>Copyright © 2012 Qunar.com</div>
	</div>
	<div class="page bgrey profile_page user_profile_page" id="js_newUser">
		<h2>账户设置</h2>
		<p>
			<label class='listItem' for="">用户名</label> <input type="text"
				maxlength="20" class="entry" id="js_name"
				data-jvalidator-pattern="notEmpty" /> <span
				class="wrong_tip red hide">请输入正确的用户名</em>
		</p>
		<p>
			<label class='listItem' for="">新密码</label> <input type="password"
				maxlength="8" class="entry" id="js_password"
				data-jvalidator-pattern="notEmpty" /> <span
				class="wrong_tip red hide">请输入正确的密码!</em>
		</p>
		<p>
			<label class='listItem' for="">重复新密码</label> <input type="password"
				maxlength="8" class="entry" id="js_password_repeat"
				data-jvalidator-pattern="password_repeat" /> <span
				class="wrong_tip red hide">密码不一致!</em>
		</p>
		<h2>身份设置</h2>
		<p>
			<label class='listItem' for="">真实姓名</label> <input type="text"
				class="entry" maxlength="20" id="js_realname"
				data-jvalidator-pattern="notEmpty" />
		</p>
		<div>
			<label class='listItem' for="">权限</label>
			<div style="float: left;">
				<ul id="js_permissionList">
				</ul>
			</div>
		</div>
		<p class="control">
			<input type="submit" class="button" value="取消" id="js_cancel" /> <input
				type="submit" class="button" value="确定" id="js_submit" />
		</p>
	</div>
	<!-- .user_profile_page -->

	<div class="dialog" id="panel_clientInfoAdd">
		<div class="dialog_bar">
			<a class="close_btn" href="#" id="js_close">x</a>
		</div>
		<div class="dialog_body">
			<h2>添加申请</h2>
			<p>
				<input type="text" class="entry" id="js_infoTitle">
			</p>
			<p>
				<textarea id="js_infoContent" name="" rows="10" cols="30"></textarea>
			</p>
			<p class="control">
				<a href="javascript:void(0);" class="button_cAdd" id="btn_cancle">取消</a>
				<a href="javascript:void(0);" class="button_cAdd" id="btn_deal">确定</a>
			</p>
		</div>
		<!--.dialog_body-->
	</div>

	<script src="../../js/jquery/jquery-1.7.2.min.js"></script>
	<script
		src="../../js/jquery/jvalidator/build/jquery.jvalidator-0.2.min.js"></script>
	>
	<script type="text/javascript" src="../../js/home.js"></script>
	<script type="text/javascript">
		function a(e) {
			e = e || window.event;
			var iframe = document.getElementById('url');
			var target = (e.target) ? e.target : e.srcElement;
			var src = target.getAttribute('src');
			if (src == "#")
				alert('没有权限');
			else
				iframe.src = src;
			return false;
		}
		/**
		 * 为取消和提交按钮注册事件，点击提交获取页面内部的数据，使用Ajax方式提交到后台
		 * 通过返回的data决定下一步操作
		 */
		$("#panel_clientInfoAdd").delegate('#btn_cancle', 'click', function() {
			$(".dialog").hide();
			$('.layout').hide();
		});

		/*url里面放入处理页面的url*/
		$("#panel_clientInfoAdd").delegate('#btn_deal', 'click', function() {
			var title = $("#js_infoTitle").val();
			var content = $("#js_infoContent").val();
			$.ajax({
				url : 'ajax/test.html',
				type : 'POST',
				data : "title=" + title + "&content=" + content,
				success : function(data) {
					alert(data);
				}
			});
		});
	</script>
</body>
</html>
